<ion-content>
  <div class="login-bg">
    <div class="login">
      <ion-item>
        <ion-icon slot="start" name="people" color="medium"></ion-icon>
        <ion-input type="text" [(ngModel)]="mobile" required></ion-input>
      </ion-item>
      <hr class="hr15">
      <ion-item>
        <ion-icon slot="start" name="lock" color="medium"></ion-icon>
        <ion-input type="password" [(ngModel)]="password" required></ion-input>
      </ion-item>
      <hr class="hr15">

      <ion-row responsive-sm>
        <ion-checkbox [(ngModel)]="isChecked "></ion-checkbox>
        <ion-label stacked style="padding:10px,10px,10px,0">记住密码</ion-label>
      </ion-row>
      <hr class="hr15">
      <ion-row>
        <ion-col>
          <ion-button (click)="login()">
            登录
          </ion-button>
          <!-- <img src = "../../assets/img/lgbtn.png" (click)="login()" > -->
        </ion-col>
      </ion-row>
      <hr class="hr15">
    </div>

  </div>
  <form [formGroup]="loginForm" (ngSubmit)="onLogin()" class="login">
    <ion-item>
      <ion-label position="floating">E-Mail <ion-text color="danger">*</ion-text>
      </ion-label>
      <ion-input required formControlName="username" type="text"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label position="floating">Password <ion-text color="danger">*</ion-text>
      </ion-label>
      <ion-input required formControlName="password" type="password"></ion-input>
    </ion-item>
    <ion-button block color="primary" type="submit" [disabled]="loginForm.invalid">
      Login
    </ion-button>
  </form>
</ion-content>